<template>
  <div class="top">
    <div class="title">
      <router-link to="/tuijian">推荐</router-link>
      <router-link to="/paihangbang">排行榜</router-link>
      <router-link to="/sing">歌单</router-link>
      <router-link to="/singer">歌手</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {}
</script>

<style>
.top {
  background-color: #c20c0c;
  height: 50px;
}
.title {
  width: 1200px;
  font-size: 20px;
  margin: 0px 40px 0 330px;
  color: #fff;
  text-decoration: none;
  line-height: 50px;
}
a {
  width: 100px;
  height: 50px;
  font-size: 20px;
  padding: 5px 40px;
  color: #fff;
  text-decoration: none;
}
.router-link-exact-active {
  background-color: #9b0909;
  border-radius: 18px;
}
</style>
